@charset "utf-8";
/* CSS Document */
/* some custom fonts via google font api */
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight);

/* content block 2 */
#mcs2_container{
	position:absolute;
	left:40px; 
	top:10px; 
	margin:0; 
	width:260px; 
	height:310px; 
	padding:0 10px; 
	border-bottom:0px dashed #999;
}
#mcs2_container .customScrollBox{
	position:relative; 
	height:100%; 
	overflow:hidden;
	top:10px;
}
	
#mcs2_container a{
		color:#FFF;
		margin-top:0px;
}
	
#mcs2_container .customScrollBox .container{
	position:relative; 
	width:240px;  
	float:left;}
#mcs2_container .customScrollBox .content{
	clear:both;
}
#mcs2_container .customScrollBox .content p{
	padding:0px 5px; 
	margin:10px 0; 
	color:#fff; 
	font-family:Verdana, Geneva, sans-serif; 
	font-size:13px; 
	line-height:20px;}
#mcs2_container .customScrollBox .content p.alt{
	padding:0px 5px; 
	margin:0px 0; 
	color:#fff; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:17px; 
	line-height:19px; 
	color:#999;}

#mcs2_container .dragger_container{
	position:relative; width:3px; 
	height:320px; 
	float:left; 
	margin:-10px 0 0 10px; 
	cursor:pointer; 
	box-shadow:inset 0 0 10px #000; 
	-moz-box-shadow:inset 0 0 10px #000; 
	-webkit-box-shadow:inset 0 0 10px #000;}
#mcs2_container .dragger{
	position:absolute; 
	width:2px;
	height:50px;;
	background: #FF0;
	text-align:center;
	margin-left:1px;
	line-height:60px;
	color:#FF0;
	overflow:hidden;
	cursor:pointer;}
#mcs2_container .dragger_pressed{position:absolute; width:2.5px; height:50px; background: #FF0; text-align:center; margin-left:1px; line-height:10px; color: #FF0; overflow:hidden; border-left:1px solid #878787; border-right:1px solid #000; cursor:pointer;}

/**************************************************/
#mcs1_container{
	position:absolute;
	left:830px; 
	top:10px; 
	margin:0; 
	width:260px; 
	height:330px; 
	padding:0 10px; 
	border-bottom:0px dashed #999;
}
#mcs1_container .customScrollBox{
	position:relative; 
	height:100%; 
	overflow:hidden;
	top:10px;
}
	
#mcs1_container a{
		color:#FFF;
		margin-top:0px;
}
	
#mcs1_container .customScrollBox .container{
	position:relative; 
	width:100px;  
	float:left;}
#mcs1_container .customScrollBox .content{
	clear:both;
}
#mcs1_container .customScrollBox .content p{
	padding:0px 5px; 
	margin:10px 0; 
	color:#fff; 
	font-family:Verdana, Geneva, sans-serif; 
	font-size:13px; 
	line-height:20px;}
#mcs1_container .customScrollBox .content p.alt{
	padding:0px 5px; 
	margin:0px 0; 
	color:#fff; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:17px; 
	line-height:19px; 
	color:#999;}

#mcs1_container .dragger_container{
	position:relative; width:3px; 
	height:340px; 
	float:left; 
	margin:-10px 0 0 10px; 
	cursor:pointer; 
	box-shadow:inset 0 0 10px #000; 
	-moz-box-shadow:inset 0 0 10px #000; 
	-webkit-box-shadow:inset 0 0 10px #000;}
#mcs1_container .dragger{
	position:absolute; 
	width:2px;
	height:50px;;
	background: #FF0;
	text-align:center;
	margin-left:1px;
	line-height:60px;
	color:#FF0;
	overflow:hidden;
	cursor:pointer;}
#mcs1_container .dragger_pressed{position:absolute; width:2.5px; height:50px; background: #FF0; text-align:center; margin-left:1px; line-height:10px; color: #FF0; overflow:hidden; border-left:1px solid #878787; border-right:1px solid #000; cursor:pointer;}

